<template>
	<view class="budget-occupation">
		<view class="top">
			<text>2020年12月</text>
			<text class="content">公司部门团建费用/南京合思</text>
			<text style="color:#F49E9E;">200.0%</text>
			<navigator url="./checkBudget"><icon-svg icon-class="icon-test7"></icon-svg></navigator>
			
		</view>
		<view  class="description">
			<text style="color:#bbb;">该单据占用¥2,000.00占比200.00%</text>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
.budget-occupation{
	.top{
		display: flex;
		background: #fff;
		padding: 20rpx 10rpx;
		.content{
			overflow: hidden;
			margin-left: 6rpx;
			text-overflow:ellipsis; white-space: nowrap;
		}
		.svg-icon{
			font-size: 1.4em;
		}
	}
	.description{
		background-color: #fff;
		margin-top: 20rpx;
		text-align: center;
		padding: 20rpx 10rpx;
	}
}	
</style>
